.buy_car {position: fixed;z-index: 10;width: 65px;height: 140px;right: 1%;bottom: 60px;}
.true {width:50px ;height: 50px;margin: 0 auto 20px;border-radius: 50px;text-align: center;box-sizing: border-box;padding-top: 5px;background-color: #c6c6c6;}
.buy_number {width:50px ;height: 50px;margin: 0 auto;cursor: pointer;line-height: 50px;text-align: center;border-radius: 50px;font-size: 25px;color: white;background-color: #5cadff;}
.library_sort {box-sizing: border-box;padding: 0 20px;overflow: hidden;width: 100%; margin-top: 1.2rem;}
.search_nothing{text-align: center;line-height: 100px;font-size: 20px;color: #5cadff;}
.sort_btn {margin:  0 auto;height: 45px;line-height: 45px;}
.library_btn {width: 20%;height: 45px;float: left;text-align: center;border: #5cadff 1px solid;}
.library_btn:first-child,.first {border-bottom-left-radius: 10px;border-top-left-radius: 10px;border-right: 0;}
.library_btn:last-child,.last {border-bottom-right-radius: 10px;border-top-right-radius: 10px;border-left: 0;}
.library_class {width: 100%;padding: 5px 0;box-sizing: border-box;line-height:30px;overflow: hidden;border-bottom: 1px solid #CCCCCC;}
.library_class a {color: #777777;}
.library_class span {margin-right: 1%;font-size: 14px;}
.library_filter {width: 100%;padding: 5px 0;box-sizing: border-box;overflow: hidden;}
#library_select label {float: left;width: 60px;margin-top: 4px;}
.library_sequence {width: 516px;height: 30px;float: left;}
.library_sequence p {width: 50px;float: left;height: 30px;line-height: 30px;color: #777777;font-size: 14px;}
.library_label {overflow: hidden;font-size: 14px;padding: 5px 0;box-sizing: border-box;background-color: #f8f8f8;}
.label_new {float: left;margin-left: 2%;border-left: 1px solid #CCCCCC;line-height: 37px;}
.label_new button {margin-left: 10px;width: 85px;border: 0;background: url("../files/plus.png") no-repeat 13px 8px;vertical-align: initial;text-align: right;}
.customize_label {}
.label_one {margin-left: 2%;float: left;cursor: pointer;}
.label_one span {color: #5c9dff;cursor: pointer;}
.label_one .name_button {color: white;margin: 0 5px;padding: 0 5px;background-color: #e06f4d;}
.label input,.label_one input  {vertical-align: text-top;margin-right: 3px;}
.search_input {width: 232px;float: right;height: 30px;margin-top: 4px;line-height: 30px;margin-right: 5px;box-sizing: border-box;border: 1px solid #CCCCCC;}
.library_btn a{display:block;margin-top:-1px;}
.first{margin-left:-1px;}
.library_btn a.active {background-color: #5cadff;color: #FFFFFF;}
.library_class .category_active {color: #5c9dff;}
.library_btn a.active {background-color: #5cadff;color: #FFFFFF;}
.search_input input {width: 190px;;height: 28px;float: left;box-sizing: border-box;padding: 5px;border: 0;outline:none;line-height: 28px;}
#search_input {vertical-align: inherit;}
#search_button {vertical-align: inherit;}
.search_input button {width: 40px;height: 28px;border: 0;float: left;outline:none;background-color: #FFFFFF;}
.sequence_list {   font-size: 14px;height: 30px;line-height: 30px;}
.sequence_list span {margin-left: 5px;}
.sequence_list .sort {color:#5cadff;}
.sequence_list a {color: #777777;}
.library_select {width: 700px;height: 30px;color: #777777;font-size: 14px;}
#library_select span {line-height: 22px;height: 20px;}
.library_select input {vertical-align: text-top;}
#library_select_span {display: block;float: left;width:60px;height: 30px;line-height: 30px;}
.customize_label {line-height: 37px;}
.label_left {margin-left: 5px;float: left; position: relative; top: -2px;}
#label_left span {line-height: 20px;display: block;height: 20px;}
.library_select span { }
.library_select_list {width: 570px;height: 30px;float: left;line-height: 30px;}
.library_select_list ul {margin: 0;padding: 0;}
.library_select_list li {float: left;list-style-type: none;width: 33%;line-height: 30px;}
#library_select_list input {vertical-align: inherit;outline: hidden;}
.library_select_list span {margin-right:5%;}
.library_select_list input {width: 25%;height:25px;}
.library_select button {border: 0;height: 25px;line-height: 24px;margin-top: 1px;vertical-align: inherit;color: #FFFFFF;background-color: #5c9dff; width: 60px;}
.library_list,.product {width: 267px;height: 495px;float: left;margin-left: 5px;margin-right: 5px;margin-top: 20px;position: relative;border: 1px solid #CCCCCC ;}
.library_list {transition:box-shadow 0.2s;-webkit-transition:box-shadow 0.2s;}
.library_list:hover {border:1px solid #0E90D2;}
.product {height:auto;margin-right: 0;margin-bottom: 30px;}
.library_list img,.product img {max-width: 265px;max-height: 265px;}
.library_list .img_loadend{width: 265px;   height: 265px;  }
.product .img_loadend{width: 265px;   height: 265px;  }
.product_button {width: 35px;position: absolute;top: 0;right:0;display: none;height: 35px;background-color:rgba(0,0,0,0.5);/* border: 1px solid #5c9dff; */text-align: center;/*border-radius: 40px;*/}
.library_list_i {position:relative;font-size: 14px;bottom: 44px;height: 44px;box-sizing: border-box;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;margin: 0;color: #FFFFFF;background: rgba(0,0,0,0.6);}
.today {width: 36px;height: 45px;color: #FFFFFF;position: absolute;box-sizing: border-box;padding: 0 5px;font-size: 12px;text-align: center;background: url("../files/jr.png");background-size: 100% 100%;}
.commodity_name {overflow: hidden;box-sizing: border-box;margin: 15px 0 0;position: relative;}
.commodity_name img {float: left;margin: 2px 5px 0;}
.commodity_name a {color: #000;}
.commodity_name p {width: 230px;margin: 0;float: left;font-size: 14px;white-space: nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.library_money {padding: 0 5px;height: 30px;position: relative;line-height: 30px;box-sizing: border-box;overflow: hidden;}
.library_money span,del {font-size: 13px;}
.span_color {color: red;}
.library_money b {color:red;font-size: 20px;}
.first_money {color: #acacac;margin: 0 10px;}
.Sales {float: right;  line-height: 37px;font-size: 13px;color: #53a656;margin-left: 5px;word-wrap: break-word;word-break: break-all;}
.library_commission {padding: 0 5px;position: relative;margin-bottom: 5px;box-sizing: border-box;height: 38px;}
.commission_color {color: #367eb1;line-height: 37px;font-size: 14px;margin: 5px 0;}
.commission_color strong {font-size: 18px;margin-left: 5px;}
.commission_direction {margin-left: 5px;background-color: #d95c85;color: #FFFFFF;position: relative;top: -1px;font-size: 13px;line-height: 37px;border-radius: 8px;box-sizing: border-box;padding: 0 3px;}
.library_coupon {overflow: hidden;position: relative;border-top: 1px solid #CCCCCC ;box-sizing: border-box;padding: 5px 5px 5px;}
.library_coupon ul {margin: 0;padding: 0;}
.library_coupon li {color: #777777;list-style-type: none;float: left;text-align: center;font-size: 14px;width: 33%;}
.library_coupon li:first-child {border-right: 1px solid #CCCCCC;}
.library_coupon li:last-child {border-left: 1px solid #CCCCCC;}
.red {color:red;}
.button {background-color: #5cadff;color: #FFFFFF;height: 36px;border: 0;font-size: 14px;margin-top: 5px;margin-left:15px;outline:none;position: relative;transform: skew(-30deg);-webkit-transform: skew(-30deg);-moz-transform: skew(-30deg);-o-transform: skew(-30deg);float: left;text-align: center;width: 110px;}
.button1 {background-color: #5cadff;color: #FFFFFF;height: 36px;border: 0;font-size: 14px;margin-top: 5px;position: relative;margin-left: 15px;outline:none;transform: skew(-30deg);-webkit-transform: skew(-30deg);-moz-transform: skew(-30deg);-o-transform: skew(-30deg);float: left;text-align: center;width: 110px;}
.title_img {overflow: hidden;}
.button div,.button1 div {transform: skew(30deg);}
.library_statistics {font-size: 14px;color: #2eb3e7;text-align: center;position: relative;overflow: hidden;white-space: nowrap;display: inline-block;width: 100%;margin: 10px 0 0 0;}
.html_input {width: 100%;height: 100%;position: fixed;z-index: 111111;padding: 0;margin: 0;top:0;left: 0;display: none;background-color: rgba(0,0,0,0.6);}
.label_new span {background-color: #f8f8f8;color: #000;}
.label_new p {margin-top: 5px;}
.customize_label .label_new .self_tilte{color: #5c9dff;}
.val_name_title p {margin-bottom: 15px;}
.html_val {position: relative;width: 710px;height: 350px;margin: 0 auto;top:20%;text-align: center;background-color: white;}
.name {width: 100%;word-wrap: break-word;overflow-x: hidden;padding: 10px 0;box-sizing: border-box;text-align: left;position: relative;}
.title_list {width: 100%;overflow: hidden;padding-top: 20px;box-sizing: border-box;text-align: left;}
.title_center{margin-left: 30px;}
.title_sub{bottom: 20px; position: absolute; left: 306px;}
.title_list span:first-child {margin-right: 10px;padding: 0;color: #c85e0b;background-color: white;}
.title_list span {box-sizing: border-box;padding:5px;color: #FFFFFF;margin-right: 10px;background-color: #c85e0b;cursor: pointer;}
.val_name {height: 40px;font-size: 14px;line-height: 40px;color: #FFFFFF;position: relative;background-color: #0e90d2;margin: 0;}
.html_val .val_name_p_one {font-size: 14px;margin-bottom: 10px;color: #8d8d8d;margin-top: 0px;}
.val_name span:first-child {position: relative;}
.val_name span:last-child {cursor: pointer;position: absolute;right: 15px;font-size: 20px;line-height: 40px;color:#fff; }
.val_name_start {float: left;}
.val_name_input {width: 100%;margin-top: 10px;overflow: hidden;}
.val_name_title .val_name_p {height: 30px;margin-left:15px;text-align: center;position: relative;line-height: 30px;float: left;margin-top: 0px;}
.label_new .val_name_p {height: 30px;margin-left:20px;text-align: center;position: relative;line-height: 30px;float: left;margin-top: 0px;margin-bottom: 0px;line-height: 37px;}
.val_name_input input {width:225px;margin-right: 20px;height: 32px;border: 1px solid #ccc;}
.val_name_input button {color: white;}
.add_warn{color: red;display: none;margin-left: 10px;}
.val_name_title {width: 100%;line-height: 30px;padding: 10px 0;color: #5c9dff;}
.buy_car_background {margin: 0;padding: 0;width: 100%;height: 100%;display: none;position: fixed;top: 0;left: 0;z-index: 100001;background-color: rgba(0,0,0,0.6);}
.buy_car_list {width: 81%;height: 80%;margin:5% auto 0;position: relative;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius:10px;background-color: white;}
.buy_car_main {width: 100%;height: 86%;overflow-y:auto;position: relative; padding-left: 10px;}
.buy_car_button {width: 100%;height: 45px;line-height:41px;text-align: center;bottom: 0;position: absolute;background-color: #3bb4f2;overflow: hidden;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-bottom-right-radius:10px;-moz-border-bottom-left-radius:10px;box-sizing: border-box;padding: 0 10px;}
.buy_car_button button {color: #fff;width: 120px;margin-right: 10px;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;box-sizing: border-box;height: 30px;}
.buy_car_button button:last-child {   /* background-color: #0bdea4;border: 1px solid #0bdea4;*/}
.buy_car_header {width: 100%;height:40px;position: relative;box-sizing: border-box;padding: 10px 10px 0;overflow: hidden;background-color: #3bb4f2;border-top-left-radius: 10px;border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-top-left-radius: 10px;-moz-border-top-right-radius:10px;-moz-border-top-left-radius:10px;}
.buy_car_header span {position: absolute;color: white;left: 20px;;}
.buy_car_header img {float: right;position: relative;width: 23px;cursor: pointer;}
.product_img {float: left;width: 148px;height: 148px;}
.product_name {overflow: hidden;text-overflow: ellipsis;}
.product_details {width: 245px;float: right;box-sizing: border-box;padding: 5px 8px 0;font-size: 14px;}
.product_details p {margin: 5px 0;}
.delete {right: -10px;top: -10px;;position: absolute;z-index: 2;}
.product_money {font-size: 14px;}
.name_p {height: 30px;line-height: 30px;background-color:#5c9dff;float: left;color: white;margin: 0 0 10px 10px;}
.name_button {font-size: 12px;padding: 9px 6px;z-index: 1;line-height: 0;right: -9px;;top: -10px;;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; ;cursor: pointer;position: absolute;color: #FFFFFF;background-color:red;}
.val_name_title .name_span {padding:5px;color: white;background-color: #5c9dff;cursor: pointer;}
.label_new .name_span {color: #000;cursor: pointer;}
#qx,#qr {border: 0;color: #FFFFFF;width: 55px;height: 25px;margin-left: 10px;border-radius: 2px;background-color: #ff825c;}
#plus_one {width: 65px;text-align: center;position: absolute;top: 0;opacity: 0;font-size: 30px;}
.animation {-moz-animation:myfirst 1s; /* Firefox */-webkit-animation:myfirst 1s; /* Safari and Chrome */-o-animation:myfirst 1s;}
@keyframes myfirst{0% {opacity: 1;}
50% {opacity: 0.5;font-size: 18px;top: 45px;}
100% {opacity: 0;font-size: 0;top: 90px;}
}
.product_button_i {height: 18px;width: 18px;cursor: pointer;line-height: 15px;text-align: center;background: url(/Public/assets/sell/images/base_z2b638f.png) 0 -4827px no-repeat ;display: inline-block;overflow: hidden;margin-top:8px;}
@media only screen and (max-width: 640px) {.library_filter .library_select.am-fr{float: none;}
}
@media only screen and (max-width: 1280px) {.library_select {width: 100%;}
.library_filter .library_select.am-fr{float: none;}
.library_select_list span {margin-right:0px; }
.library_select_list li{width: 24%;}
}
@media only screen and (max-width: 1440px) {   }
@media only screen and (max-width: 1680px) {   }
.buy_car_button .del_product{font-size: 15px; }
.buy_car_button .del_product:hover{color:#5cadff; }
.buy_car_button .all_put{font-size: 15px;}
.buy_car_button .all_put:hover{color:#5cadff; }
.library_list .img_loadend{display: none; width: 265px;height:265px; }
.img_loading{margin:0 auto;width:100%;height:273px;text-align:center; }
